<template>
    <view class="container">
        <view class="forms-wrap">
            <uni-forms label-width="100">
                <!-- 备注 -->
                <uni-forms-item label="备注">
                    <uni-easyinput type="text" :primaryColor="global.THEME_COLOR" v-model="params.note" placeholder="请输入备注" />
                </uni-forms-item>

                <!-- 描述 -->
                <uni-forms-item label="描述">
                    <uni-easyinput type="text" :primaryColor="global.THEME_COLOR" v-model="params.note" placeholder="请输入描述" />
                </uni-forms-item>
            </uni-forms>
        </view>
        <TridentCellItem :item="{title: '标签'}"/>

        <!-- 发送按钮 -->
        <TridentButton />
    </view>
</template>

<script setup lang="ts">
import { inject, reactive } from 'vue'

// 全局属性
const global: any = inject('global')
const params =reactive({
    note: ''
})
</script>

<style scoped lang="scss">
.container {
    .forms-wrap {
        background-color: #fff;
        padding: 30rpx 30rpx 5rpx 30rpx;
    }
}
</style>